<template>
  <div>
    <el-container>
      <el-header>
        <el-menu mode="horizontal"
                 background-color="#fff1a0"
                 text-color="black"
                 active-text-color="#9c9d4f">
          <el-menu-item index="1" >
            支付设置
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <div class="infoSet">
          <form class="infoForm" style="margin-left: 20px">
            <table cellspacing="0" cellpadding="10">
              <tr>
                <td>收款方式:</td>
                <td>
                  <el-select v-model="value1" placeholder="请选择">
                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                  </el-select>
                </td>
              </tr>
              <tr>
                <td>账号:</td>
                <td><el-input v-model="account0" :disabled="true"></el-input></td>
              </tr>
              <tr>
                <td>收款账号:</td>
                <td><el-input placeholder="请输入收款账号" v-model="account1"></el-input></td>
              </tr>
            </table>
          </form>
          <div class="setButton" style="margin-left: 300px;margin-top: 100px">
            <el-button type="warning" @click="updateSet()">保存修改</el-button>
            <el-button type="warning" @click="exitSet()">取消</el-button>
          </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "studentsetuppay",
  data() {
    return {
      options: [{
        value: '选项1',
        label: '微信'
      }, {
        value: '选项2',
        label: '支付宝'
      }, {
        value: '选项3',
        label: '银行卡'
      }],
      value1: '',
      value2: true,
      user:{},
      account0:'18328698040',
      account1:'',
    }
  },
  created() {
    let account0 = this.account0;
    this.account0 = account0.replace(account0.substr(3, 4),"****")
  },
  methods:{
    delCache(){
      alert(1);
    },
    updateSet(){
      let account1 = this.account1;
      this.account0 = account1.replace(account1.substr(3, 4),"****")
    },
    exitSet(){

    }
  }

}
</script>

<style scoped>
@import "../../assets/css/student.css";
</style>
